<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>table</title>
		<link rel="stylesheet" href="css/css02.css" />
		<!--<style type="text/css">
			th{
				color: blue;
				font: "微软雅黑";
			}
			.yellowcolor{
				color: yellow;
			}
			#td01,#th01{
				color: yellow;
			}
			
			tr #td03{
				color: green;
			}
			tr p{
				color: gray;
			}
			/*可以嵌套多层的包含关系*/
			
			#td02+td,td>form{
				color: blue;
			}
			td[id=td02]{
				color: red;
			}
			
			
			
		</style>-->
	</head>

	<body bgcolor="azure">
		<p>
			<h1>Table 标签</h1></p>
		<font >
			<table border="1">
				<tr>
					<td colspan="9" align="center">2013年度图书销售统计</td>
				</tr>
				<tr align="left">
					<td rowspan="2" align="center">图书分类</td>
					<td colspan="2">一季度</td>
					<td colspan="2">二季度</td>
					<td colspan="2">三季度</td>
					<td colspan="2">四季度</td>
				</tr>
				<tr align="center">

					<th>销售量</th>
					<th>销售额</th>
					<th>销售量</th>
					<th>销售额</th>
					<th>销售量</th>
					<th>销售额</th>
					<th class="yellowcolor">销售量</th>
					<th id="th01">销售额</th>

				</tr>
				<tr align="center">
					<td id="td02">小说</td>
					<td>23532</td>
					<td>&yen;5559.940.00</td>
					<td>18423</td>
					<td>&yen;44，841.00</td>
					<td>32125</td>
					<td>&yen;829，870.00</td>
					<td>25188</td>
					<td>&yen;586，564.00</td>
				</tr>
				<tr align="center">
					<td id="td01">文艺</td>
					<td>7643</td>
					<td>&yen;180，423.00</td>
					<td>8010</td>
					<td>&yen;192，420.00</td>
					<td>10289</td>
					<td>&yen;321717.00</td>
					<td>9012</td>
					<td>&yen;266，124.00</td>
				</tr>
				<tr align="center">
					<td>励志/成功</td>
					<td>13328</td>
					<td>&yen;428,234.00</td>
					<td>1223</td>
					<td>&yen;23，456.00</td>
					<td>8977</td>
					<td>&yen;908,234.00</td>
					<td>6723</td>
					<td>&yen;233,782.00</td>
				</tr>
				<tr align="center">
					<td>童书</td>
					<td>12222</td>
					<td>&yen;2,232,334.00</td>
					<td>345</td>
					<td>&yen;2,334.00</td>
					<td>567</td>
					<td>&yen;2,234.00</td>
					<td>789</td>
					<td>&yen;32,334.00</td>
				</tr>

			</table>
		</font>
		
		
		<p>利用表格进行页面布局</p>
		<table border="1">
			<caption>填写用户注册信息</caption>
			<tr>
				<td>用户名</td>
				<td>
					<form>
						<input type="text" name="username"/>
					</form>
				</td>
				<td>登陆用户名</td>
			</tr>
			<tr id="tr02">
				<td>密码</td>
				<td>
					<form>
						<input type="password" name="password"/>
					</form>
				</td>
				<td nowrap="nowrap">登陆密码 ，<p>包含的选择</p>6个以上字母数字组合，不区分大小写</td>
			</tr>
			<tr>
				<td>注册邮箱</td>
				<td>
					<form>
						<input type="email" name="email" />
					</form>
				</td>
				<td>录入之后不可修改</td>
			</tr>
			<tr>
				<td>性别</td>
				<td>
					<form>
					<input type="radio" name="sex" value="male"/>男
					<input type="radio" name="sex" value="female"/>女
					</form>
				</td>
				<td>选择您的性别</td>
			</tr>
			<tr>
				<td>出生年月</td>
				<td>
					<form>
					<select name="year" id="year01">
						<option value="2000">2000</option>
						<option value="2001">2001</option>
						<option value="2002" selected="selected">2002</option>
						<option value="2003">2003</option>
						<option value="2004">2004</option>
						<option value="2005">2005</option>
						<option value="2006">2006</option>
					</select>
					<select name="month">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12<option>
						
					</select>
					</form>
				</td>
				<td>选择您的出生年月</td>
			</tr>
			<tr id="tr01">
				<td id="td03">
					兴趣标签
				</td>
				<td>
					<form>
					生活<input type="checkbox" name="life" />
					娱乐<input type="checkbox" name="yule" />
					体育<input type="checkbox" name="sport" />
					财经<input type="checkbox" name="caijing" />
					科技<input type="checkbox" name="keji" />
					饮食<input type="checkbox" name="cook" />
					</form>
				</td>
				<td>请选择您感兴趣的标签</td>
			</tr>
			<tr>
				<td>头像</td>
				<td>
					<form>
					<input type="file" name="file_input" value="浏览" border="1"/>
					
    				    
					</form>
				</td>
				<td>选取您的图像文件</td>
			</tr>
			<tr>
				<td>个人简介</td>
				<td>
					<form>
						<textarea cols="50" rows="10">个人简介</textarea>
					</form>
				</td>
				<td>请添加您的个人简介，一边朋友们能了解您的情况</td>
			</tr>			
			
		</table>
		
		<form > 
			<input type="button" value="免费注册"  />
		</form>
	</body>

</html>